const colors = require('tailwindcss/colors');

module.exports = {
    // purge: [],
    purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
    darkMode: false, // or 'media' or 'class'
    theme: {
        fontSize: {
            sm: ['12', '16px'],
            base: ['14px', '22px'],
            lg: ['20px', '28px'],
            xl: ['24px', '32px'],
            title: ['28px', '40px'],
        },
        /* borderRadius: {
            3: '3px',
            5: '5px',
            '2/4': '50%',
            full: '100%',
        }, */
        boxShadow: {
            card: '0 15px 30px -10px rgba(0, 0, 0, 0.1)',
        },
        extend: {},
    },
    variants: {
        extend: {},
    },
    plugins: [],
};
